<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script src="lib/easeljs-0.7.1.min.js" type="text/javascript"></script>
	<title></title>
	
</head>

<body onload="init()">
	<canvas id="mycanvas" width="800px" height="500px" style="border:1px solid #ccc"></canvas>

</body>
</html>

<script type="text/javascript">
	var stage;
	function init(){
		stage = new createjs.Stage(document.getElementById("mycanvas"));
		createjs.Ticker.addEventListener('tick',function(){
			stage.update();
		})
		createjs.Ticker.setFPS(60);
		start()
	}

	function start(){
		var imgpath = "butterfly.png";
		butterfly1 = new createjs.Bitmap(imgpath);
		butterfly2 = new createjs.Bitmap(imgpath);
		butterfly3 = new createjs.Bitmap(imgpath);
		butterfly2.x = 200;
		butterfly3.x = 400
		stage.addChild(butterfly1,butterfly2,butterfly3);
		stage.update()
		setTimeout(moveButterflies,1000)
	}

	function moveButterfly(){
		butterfly2.y = 200
	}
</script>